<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/list.css">
</head>

<body>
    <div id="headerTop">
        <ul class="headerTop-core">
            <li><a href="javascript:;">登录</a></li>
            <li><a href="javascript:;" class="register ">免费注册</a></li>
            <li><a href="javascript:;">我的订单</a></li>
            <li><a href="javascript:;">商家入驻</a></li>
            <li class="shoppingTrolley "><a href="http://localhost/juanpi/src/cartlist.html">购物车</a></li>
            <li><a href="javascript:;">商家中心</a></li>
            <li><a href="javascript:;">客户服务</a></li>
        </ul>
    </div>
    <header>
        <div class="headerCore">
            <div class="logo">卷皮</div>
            <div class="headerCenter">
                <a href="javascript:;"><span class="iconfont icon-shizhong"></span>10:00点开抢</a>
                <a href="javascript:;"><span class="iconfont icon-shandian"></span>买手砍价</a>
                <a href="javascript:;"><span class="iconfont _jurassic
                    icon-jurassic_toview"></span>验货质检</a>
            </div>
            <div> <input type="text" class="seek" placeholder="请输入想找的宝贝">
                <input type="submit" class="seekBut" value="搜索">
            </div>
        </div>
    </header>
    <nav>
        <ul>
            <a href="http://localhost/juanpi/src/index123.html" class="option">首页</a>
            <a href="javascript:;">品牌折扣</a>
            <a href="javascript:;">9.9包邮</a>
            <a href="javascript:;">即将上线</a>
            <a href="javascript:;">手机版</a>
        </ul>
    </nav>

    <!-- 固定导航栏 -->
    <div class="fixedNav">
        <ul class="fixedNavUl">
            <li class="first"><a class="active" href="javascript:;">今日上新</a></li>
            <li><a href="javascript:;">女装</a></li>
            <li><a href="javascript:;">男装</a></li>
            <li><a href="javascript:;">鞋子</a></li>
            <li><a href="javascript:;">箱包</a></li>
            <li><a href="javascript:;">母婴</a></li>
            <li><a href="javascript:;">美妆</a></li>
            <li><a href="javascript:;">居家</a></li>
            <li><a href="javascript:;">家纺</a></li>
            <li><a href="javascript:;">文体</a></li>
            <li><a href="javascript:;">美食</a></li>
            <li><a href="javascript:;">数码</a></li>
            <li><a href="javascript:;">电器</a></li>
            <li><a href="javascript:;">内衣</a></li>
            <li><a href="javascript:;">配饰</a></li>
            <li class="last"><a href="javascript:;">[即将上线]</a></li>
        </ul>
    </div>
    <!-- 商品列表上方导航条 -->
    <div class="towNav">
        <ul class="towNavUl">
            <li class="first"><a class="active" href="javascript:;">全部品牌</a></li>
            <li><a href="javascript:;">女装</a></li>
            <li><a href="javascript:;">男装</a></li>
            <li><a href="javascript:;">鞋子</a></li>
            <li><a href="javascript:;">箱包</a></li>
            <li><a href="javascript:;">母婴</a></li>
            <li><a href="javascript:;">美妆</a></li>
            <li><a href="javascript:;">居家</a></li>
            <li><a href="javascript:;">家纺</a></li>
            <li><a href="javascript:;">文体</a></li>
            <li><a href="javascript:;">美食</a></li>
            <li><a href="javascript:;">数码</a></li>
            <li><a href="javascript:;">电器</a></li>
            <li><a href="javascript:;">内衣</a></li>
            <li><a href="javascript:;">配饰</a></li>
            <li class="last"><a href="javascript:;">[即将上线]</a></li>
        </ul>
    </div>
    <!-- 列表页渲染内容 -->
    <main id="comm">
        <!-- <a>
            <img src="https://goods6.juancdn.com/goods/200620/b/7/5eedbe8733b08966093dadac_800x800.jpg?imageMogr2/thumbnail/310x310!/quality/88!/format/jpg" alt="">
            <p class="money"><span class="discount">￥35</span><span class=" originalCost">￥499</span></p>
            <p class="commBottom"><span class="commTitle">夏款背心口袋猫套装</span><span class="time">上新</span></p>
        </a> -->
    </main>
    <!-- 翻页按钮 -->
    <div id="paging" class="pagelist">
        <div class="m-style page">

        </div>
    </div>
    <!-- 页尾 -->
    <footer>
        <div class="footTop">
            <div class="QR">
                <img src=" images/QR.jpg" alt="">
                <p>随时逛,及时抢</p>
            </div>
            <div class="footNav">
                <dl>
                    <dt>获取更新</dt>
                    <dd>iPhone/Android</dd>
                    <dd>卷皮QQ空间</dd>
                    <dd>卷皮新浪微博</dd>
                    <dd>开放API</dd>
                </dl>
                <dl>
                    <dt>商务合作</dt>
                    <dd>卖家免费报名</dd>
                    <dd>商家入驻</dd>
                    <dd>廉政邮箱</dd>
                    <dd>开放平台</dd>
                </dl>
                <dl>
                    <dt>公司信息</dt>
                    <dd>关于卷皮</dd>
                    <dd>媒体报道</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>新手上路</dd>
                    <dd>网站地图</dd>
                </dl>
            </div>
            <div class="phone">
                <a href="javascript:;"></a>
                <span class="phoneDay">
                    <p>周一至周日</p>
                    <p>9:00-18:00</p>
                </span>
                <span class="phoneNum">客服热线：400-0090-869</span>
            </div>
        </div>
        <div class="links">
            <span>友情链接：</span>
            <div class="linksBox">
                <ul class="linksList">
                    <li>
                        <a href="javascript:;">小分店</a>
                        <a href="javascript:;">九块邮</a>
                        <a href="javascript:;">易迅优惠券</a>
                        <a href="javascript:;">中国鲜花礼品网</a>
                        <a href="javascript:;">钻石小鸟</a>
                        <a href="javascript:;">箱包品牌</a>
                        <a href="javascript:;">网上购物</a>
                        <a href="javascript:;">中国品牌网</a>
                        <a href="javascript:;">会过VIP</a>
                        <a href="javascript:;">家具网</a>
                    </li>
                </ul>
            </div>
            <a href="//www.juanpi.com/about/links" class="more">更多</a>
        </div>
        <!-- 页面底部备案 -->
        <p class="company">武汉奇米网络科技有限公司 鄂ICP备10209250号 | ICP许可证号：鄂B2-20150109 | 鄂公网安备42018502000390号 | 食品流通许可证 SP4201991510041888　　</p>
        <p class="company2 ">Copyright © 2010 -2020 JuanPi.com All Rights Reserved</p>
        <div class="footLogo">
            <img src="http://jp.juancdn.com/juanpi/img/icon/r_315new.gif" alt="">
            <img src="http://jp.juancdn.com/juanpi/img/icon/r_cnnic.gif" alt="">
            <img src="http://jp.juancdn.com/juanpi/img/icon/r_gongshang.gif" alt="">
            <img src="http://static.anquan.org/static/outer/image/sm_124x47.png?id=www.juanpi.com?t=52" alt="">
        </div>
    </footer>
    <div id="rightNav">
        <div class="rightNavTop">
            <span class="iconfont icon-gerenyonghutouxiang2"></span>
            <div class="denglu"> 立即登录</div>
            <div class="sack">
                <span class="iconfont icon-bags"></span>
                <span>购物袋</span>
                <span class="sackNum">0</span>
            </div>
            <span class="iconfont icon-shoucang"></span>
            <div class="shoucang"> 我的收藏</div>
            <span class="iconfont icon-wodeyouhuijuan"></span>
            <div class="youhui"> 优惠卷</div>
        </div>
        <div class="rightNavBot">
            <span class="iconfont icon-pan_icon"></span>
            <span class="iconfont icon-ico"></span>
            <span class="iconfont icon-fanhuidingbu"></span>
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/require.js/2.3.6/require.min.js" defer async="true" data-main="script/main.js" id="modload" modpage="modlist"></script>
</body>

</html>